@import "base.less";

body {
  background-color: #fff;
}
.evaluateTit {
  .flex;
  position: relative;
  background-color: #fff;
  a {
    width: 25%;
    text-align: center;
    display: block;
    line-height: 10.6667vw;
    &.cur {
      color: red;
    }
  }
  span {
    position: absolute;
    bottom: 0;
    width: 5.3333vw;
    transform: translate(9.8333vw, -100%);
    transition-duration: 0.2s;
    background-color: rgb(250, 34, 9);
    height: 0.8vw;
    border-radius: 0.8vw;
  }
}
.evaluateCont {
  ul {
    li {
      padding: 4vw;
      margin-bottom: 1.3333vw;
      border-bottom: 1px solid #f5f5f5;
      .evaluteTop {
        .flex;
        justify-content: flex-start;
        img {
          width: 6.6667vw;
        }
        span {
          margin: 0 1.6vw 0 1.0667vw;
          font-size: 3.2vw;
        }
        .star {
          margin: 0 2.6667vw;
          .iconfont {
            font-size: 4.2667vw;
            color: rgb(244, 162, 19);
          }
        }
        .time {
          font-size: 3.2vw;
          color: #999;
          margin-top: 1.3333vw;
        }
      }
      .evaluteDetail {
        .txt {
          color: #333;
          margin: 2.1333vw 0;
          max-height: 10.1333vw;
          line-height: 5.0667vw;
        }
        ul {
          .flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          li {
            width: 33.33333%;
            height: 28.2667vw;
            padding: 0 2.6667vw;
            margin-bottom: 2.6667vw;
            &:nth-of-type(3n + 1) {
              img {
                padding-left: 0;
              }
            }
          }
        }
      }
    }
  }
}
